<template>
  <van-tabbar :route="true" v-model="active" active-color="#008BD5">
    <van-tabbar-item to="/home"  name="home"  icon="wap-home"
      >首页</van-tabbar-item
    >
    <van-tabbar-item to="/cate" name="cate"  icon="apps-o">分类</van-tabbar-item>
    <van-tabbar-item to="/cart" name="cart" icon="shopping-cart" badge="99+"
      >购物车</van-tabbar-item
    >
    <van-tabbar-item to="/self" name="self" icon="manager" dot
      >未登录</van-tabbar-item
    >
  </van-tabbar>
</template>

<script name="sdyFooter" lang="ts" setup>
import { ref } from "vue";

const active = ref<string>("home");
</script>

<style scoped lang="scss">
</style>
